body {
	text-align: center;	
	font-family: 'Droid Serif', arial, serif;
	background: #a46740 url(../images/bg.jpg);
	color: #ccc;
	text-shadow: 0 1px 0 #222;
}


br { clear: left; }

h1 {
	font-weight: bold;
	text-shadow: 0 2px 0 #222;
}
/* 
 input[type=text] { display:block; } 
 #validatelogin{ display:block; } */

#popup {
	font-family: 'Orbitron', serif;
	font-size: 28px;
	font-weight: 700;	  
	text-shadow: 0px 1px 2px #fff;
	
	color: #222;
	
	position: absolute;	  
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	
	background: rgba(0,0,0,.5);
	
	display: -webkit-box;
	-webkit-box-pack: center;
	-webkit-box-align: center;			
	
	-webkit-transition: all .5s ease-in;
}

#popup h1 {
	font-weight: 400;
}

#popup-box {
	width: 540px;
	height: 300px;
	background: #ccc url(../images/popup_bg.jpg);
	
	border-radius: 10px;
	
	position: relative;
	
	-webkit-box-shadow: 0 5px 5px #333;
	
	display: -webkit-box;
	-webkit-box-pack: center;
	-webkit-box-align: center;
	
	-webkit-transition: all .5s ease-in;
}

#popup-box small {
	font-size: .6em;
}


/** Styles for the popup Game Over hide ****/
#popup.hide {
	background: rgba(0,0,0,0);
	visibility: hidden;		
}
#popup.hide #popup-box{
	margin-top: -800px;
}


#popup-box a.button {
	background: white;
	border-radius: 10px;
	display: block;
	font-size: 30px;
	margin: 130px auto 0;
	padding: 10px;
	width: 150px;
	border: 3px solid #006438;
	color:#006438;
	text-decoration:none;
	cursor:pointer;
     
	}
#popup-box .gameReset{
	width: 100px;
	float: left;
	text-align: center;
	font-family: myriad pro;

	padding: 0 10px 0 0;
	color: #fff;
	text-decoration:none;
	display:block;
}

#popup-box a.button:hover {
	background: #006438;
	color:#fff;
	text-decoration:none;
}

label {
 margin-top:0px;
 display:block;
 }
label.inline {
 display:inline;
 margin-right:50px;
 }
 
/* input:focus, textarea:focus {
 background-color:white;
 display:block;} */
 
/****************************************/


#popupName {
	font-family: 'Orbitron', serif;
	font-size: 28px;
	font-weight: 700;	  
	text-shadow: 0px 1px 2px #fff;
	
	color: #222;
	
	position: absolute;	  
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	
	background: rgba(0,0,0,.5);
	
	display: -webkit-box;
	-webkit-box-pack: center;
	-webkit-box-align: center;			
	
	-webkit-transition: all .5s ease-in;
}

#popupName h1 {
	font-weight: 400;
}
#popupName.hide {
	background: rgba(0,0,0,0);
	visibility: hidden;		
}
#popupName.hide #popup-box{
	margin-top: -800px;
}
/***********************Menu Accordean*******************************************************************************/

#popupAccordeon {
	font-family: 'Orbitron', serif;
	font-size: 28px;
	font-weight: 700;	  
	text-shadow: 0px 1px 2px #fff;
	
	color: #222;
	
	position: absolute;	  
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	
	background: rgba(0,0,0,.5);
	
	display: -webkit-box;
	-webkit-box-pack: center;
	-webkit-box-align: center;			
	
	-webkit-transition: all .5s ease-in;
}

#popupAccordeon h1 {
	font-weight: 400;
}
#popupAccordeon.hide {
	background: rgba(0,0,0,0);
	visibility: hidden;		
}
#popupAccordeon.hide #popup-box{
	margin-top: -800px;
}


#popupQuitHelp {
	font-family: 'Orbitron', serif;
	font-size: 28px;
	font-weight: 700;	  
	text-shadow: 0px 1px 2px #fff;
	
	color: #222;
	
	position: absolute;	  
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	
	background: rgba(0,0,0,.5);
	
	display: -webkit-box;
	-webkit-box-pack: center;
	-webkit-box-align: center;			
	
	-webkit-transition: all .5s ease-in;
}

#popupQuitHelp h1 {
	font-weight: 400;
}












/*
ul ul {display: none; position: absolute; left: 144px; top: -1px; margin:0px; padding: 0px; border: 10px solid #B0B0B0;}
		li {list-style-type: none; position: relative; width: 140px; background-color: white; padding: 2px; margin: 0px ;border: 10px solid #B0B0B0; 	color:#fff; }
		li:hover, li.sfhover {background-color: #006438; 	color:#fff;}
		li:hover ul.niveau2, li li:hover ul.niveau3, li.sfhover ul.niveau2, li li.sfhover ul.niveau3 {display: block ;	color:#fff;}
		li.plus {background-position:right;  background-repeat: no-repeat; border-bottom: 1px solid #B0B0B0; 	color:#fff;}
*/
/* 
  ul ul {display: none; position: absolute; left: 144px; top: -1px; margin:0px; padding: 0px; border: 1px solid grey;}
  li {list-style-type: none; position: relative; width: 140px; background-color: #B0B0B0;  padding: 2px; margin: 0px}
  li:hover {background-color: #006438; color:white ;}
  li:hover ul.niveau2, li li:hover ul.niveau3 {display: block ; color:white ; }
  li.plus {background-position:right; background-image: url(illustrations/fdroite.gif); background-repeat: no-repeat; border-bottom: 1px solid grey;}
   */